<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>客户信息</title>
		<link rel="stylesheet" type="text/css" href="${BASE_PATH}/static/lib/layui/css/layui.css" />
		<link rel="stylesheet" href="${BASE_PATH}/static/css/main1119.css"/>
	    <script src="${BASE_PATH}/static/js/es5.min.js"></script>
	    <script src="http://webapi.amap.com/maps?v=1.4.5&key=882b220e4a92d7b6bf823ff2f70dd3ab"></script>
	    <script type="text/javascript" src="${BASE_PATH}/static/js/addToolbar.js"></script>
	</head>

	<style type="text/css">
		.layui-table-view {
			margin: 0px 10px 10px 10px;
		}
	</style>

	<body>
		<form class="layui-form" action="" style="margin: 10px 10px 0 10px;">
			<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
				<legend>基本信息</legend>
			</fieldset>
			<div class="layui-form-item">
				<label class="layui-form-label">姓名</label>
				<div class="layui-input-inline">
					<input type="text" name="text" value="${user.yhUserName}" disabled lay-verify="name" placeholder="" autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label">身份证号</label>
				<div class="layui-input-inline">
					<input type="text" name="text" value="${user.yhUserIdcard}" disabled lay-verify="userName" placeholder="" autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label">电话号码</label>
				<div class="layui-input-inline">
					<input type="text" name="text" value="${user.yhUserPhone}" disabled lay-verify="state" placeholder="" autocomplete="off" class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">家庭地址</label>
				<div class="layui-input-inline" style="width: 499px;">
					<input type="text" name="text" lay-verify="name" value="${user.yhUserAdds}" disabled placeholder="" autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label">业务负责人</label>
				<div class="layui-input-inline">
					<input type="text" name="text" lay-verify="name" value="${user.userName}" disabled placeholder="" autocomplete="off" class="layui-input">
				</div>
			</div>
		</form>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>贷款数据</legend>
		</fieldset>
		<table class="layui-table" lay-data="{url:'${BASE_PATH}/admin/user/ajax_user_loan_list?yhUserId=${user.yhUserId}', cellMinWidth: 80}">
			<thead>
				<tr>
					<th lay-data="{field:'loanMoney', width:120}" rowspan="3">贷款金额</th>
					<th lay-data="{field:'loanTypeName', width:120}" rowspan="3">贷款类别</th>
					<th lay-data="{field:'contractMoney', width:120}" rowspan="3">合同金额</th>
					<th lay-data="{field:'homeVisitsMoney', width:120}" rowspan="3">家访金额</th>
					<th lay-data="{field:'intermediary', width:120}" rowspan="3">中介金额</th>
					<th lay-data="{field:'bond', width:120}" rowspan="3">保证金</th>
					<th lay-data="{field:'actualMoney', width:120}" rowspan="3">实际到款金额</th>
					<th lay-data="{field:'stillMoney', width:120}" rowspan="3">实际还款金额</th>
					<th lay-data="{field:'collectMoney', width:120}" rowspan="3">实际收款金额</th>
					<th lay-data="{field:'alreadyRepaid', width:120}" rowspan="3">已还金额</th>
					<th lay-data="{field:'notYet', width:120}" rowspan="3">未还金额</th>
					<!--<th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#barDemo'}" rowspan="3">操作</th>-->
				</tr>
			</thead>
		</table>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>淘宝授权数据</legend>
		</fieldset>
		<table class="layui-table" lay-data="{url:'${BASE_PATH}/admin/user/taobao_list?kfUserId=${user.yhUserIdcard}', cellMinWidth: 80}">
			<thead>
				<tr>
					<th lay-data="{field:'tbId', width:120}" rowspan="3">身份证</th>
					<th lay-data="{field:'orderId', width:120}" rowspan="3">订单号</th>
					<th lay-data="{field:'orderTime', width:120}" rowspan="3">订单时间</th>
					<th lay-data="{field:'orderAmt', width:120}" rowspan="3">订单金额</th>
					<th lay-data="{field:'orderStatus', width:120}" rowspan="3">订单状态</th>
					<th lay-data="{field:'items', width:120}" rowspan="3">商品名称</th>
					<th lay-data="{field:'itemQuantity', width:120}" rowspan="3">数量</th>
					<th lay-data="{field:'receivePersonName', width:120}" rowspan="3">收货人</th>
					<th lay-data="{field:'receivePersonMobile', width:120}" rowspan="3">收货人电话</th>
					<th lay-data="{field:'receiveAddress', width:120}" rowspan="3">收货地址</th>
					<!--<th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#barDemo'}" rowspan="3">操作</th>-->
				</tr>
			</thead>
		</table>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>京东授权数据</legend>
		</fieldset>
		<table class="layui-table" lay-data="{url:'${BASE_PATH}/admin/user/jingdongtaobao_list?${user.yhUserIdcard}', cellMinWidth: 80}">
			<thead>
				<tr>
					<th lay-data="{field:'kfUserId', width:120}" rowspan="3">身份证</th>
					<th lay-data="{field:'goodsName', width:120}" rowspan="3">商品名</th>
					<th lay-data="{field:'consigneeAddr', width:120}" rowspan="3">收货地址</th>
					<th lay-data="{field:'orderDate', width:120}" rowspan="3">订单时间</th>
					<th lay-data="{field:'orderMoney', width:120}" rowspan="3">订单金额</th>
					<th lay-data="{field:'consigneePerson', width:120}" rowspan="3">收货人</th>
					<th lay-data="{field:'tel', width:120}" rowspan="3">电话</th>
					<th lay-data="{field:'orderStatus', width:120}" rowspan="3">订单状态</th>
					<th lay-data="{field:'payType', width:120}" rowspan="3">支付类型</th>
					<!--<th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#barDemo'}" rowspan="3">操作</th>-->
				</tr>
			</thead>
		</table>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>通信授权数据</legend>
		</fieldset>
		<table class="layui-table" lay-data="{url:'${BASE_PATH}/admin/user/call_list?kfUserId=${user.yhUserIdcard}', cellMinWidth: 80}">
			<thead>
				<tr>
					<th lay-data="{field:'kfUserId', width:120}" rowspan="3">身份证</th>
					<th lay-data="{field:'callAddress', width:120}" rowspan="3">通话地点</th>
					<th lay-data="{field:'callDateTime', width:120}" rowspan="3">通话时间</th>
					<th lay-data="{field:'callTimeLength', width:120}" rowspan="3">通话时长</th>
					<th lay-data="{field:'callType', width:120}" rowspan="3">通话类型</th>
					<th lay-data="{field:'mobileNo', width:120}" rowspan="3">与本机通话号码</th>
					<!--<th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#barDemo'}" rowspan="3">操作</th>-->
				</tr>
			</thead>
		</table>
		
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
			<legend>实视定位</legend>
		</fieldset>
		[#if card != null]
			<div id="container"></div>
			<script>
			    var map = new AMap.Map('container', {
			        resizeEnable: true,
			        zoom:11,
			        center: [104.897971,25.08812]
			    });
			    
			     //添加点标记，并使用自己的icon
			    new AMap.Marker({
			        map: map,
					position: [104.897971,25.08812],
			        icon: new AMap.Icon({            
			            size: new AMap.Size(40, 50),  //图标大小
			            image: "http://webapi.amap.com/theme/v1.3/images/newpc/way_btn2.png",
			            imageOffset: new AMap.Pixel(0, -60)
			        })        
			    });
			
			</script>
		[/#if]
		[#if card == null]<span style="">请打开手机app进行定位授权！</span>[/#if]

	</body>

	<script src="${BASE_PATH}/static/lib/layui/layui.js"></script>
	<script>
		layui.use(['form', 'layedit', 'laydate', 'jquery', 'table'], function() {
			var form = layui.form,
				layer = layui.layer;
			var $ = layui.jquery;
			var table = layui.table;

			//监听提交
			form.on('submit(demo1)', function(data) {
				layer.alert(JSON.stringify(data.field), {
					title: '最终的提交信息'
				})
				return false;
			});

		});
	</script>

</html>